<template>
  <div class="detail-root root">
    <h1 class="title">{{ info.owner_name }} | 的直播间</h1>
    <img :src="info.avatar" alt="" />
  </div>
</template>

<script>
export default {
  data() {
    return {
      info: {},
    };
  },
  activated() {
    let room_id = this.$route.params.room_id;
    this.axios.get(`/api/RoomApi/room/${room_id}`).then((res) => {
      this.info = res.data.data;
    });
  },
  deactivated() {
    this.info = {};
  },
};
</script>

<style>
img {
  width: 40vw;
  border-radius: 50%;
  display: block;
  margin: 0 auto;
}
</style>
